.input {
  border: 1px solid #ae7000;
}
/* .show {
  opacity: 1;
  transition: all 1.5s ease-in;
}
.hide {
  opacity: 0;
  transition: all 1.5s ease-in;
} */

.show {
  animation: show-item 2s ease-in forwards;
}
.hide {
  animation: hide-item 2s ease-in forwards;
}

@keyframes show-item {
  0% {
    opacity: 0;
    color: #543332;
  }
  50% {
    opacity: 0.5;
    color: #ff5500;
  }
  100% {
    opacity: 1;
    color: #ae7000;
  }
}
@keyframes hide-item {
  0% {
    opacity: 1;
    color: #ae7000;
  }
  50% {
    opacity: 0.5;
    color: #ff5500;
  }
  100% {
    opacity: 0;
    color: #543332;
  }
}

/* react-transition-group */
.group-enter {
  opacity: 0;
}
.group-enter-active {
  opacity: 1;
  transition: opacity 2000ms;
}
.group-enter-done {
  opacity: 1;
}
.group-exit {
  opacity: 1;
}
.group-exit-active {
  opacity: 0;
  transition: opacity 2000ms;
}
.group-exit-done {
  opacity: 0;
}
